*{margin:0;padding:0;font-family:"Lucida Grande",Helvetica,Arial,"Microsoft YaHei",FreeSans,Arimo,"Droid Sans","wenquanyi micro hei","Hiragino Sans GB","Hiragino Sans GB W3",Roboto,Arial,sans-serif;color:#333}
li,ul,ul li{list-style:none}
a{text-decoration:none}
img{display:block;margin:0 auto}
.mobile{display:none}
article img {max-width:100%;}
.aboutContent .msg{line-height: 30px;font-size: 16px;color: #666666;}
video{ background-color: #000;}

@media screen and (max-width:768px){.mobile{display:block}
}

.top {width: 100%;background:#535353;height: 40px;line-height: 40px;overflow:hidden;}
.top .top_r {width: 1310px;height: 100%;box-sizing:border-box;text-align: right;margin: 0 auto;}
.top .top_r a {font-size:14px;color:#c4c4c4;padding: 0 10px;border-right: 1px solid #c4c4c4;height: 14px;line-height: 14px;display: inline-block;}
.top .top_r a:last-child {border-right:none;}
.top .top_r a:hover {color:#fff;}
@media screen and (max-width:1290px){
    .top .top_r {width:100%;}
}
@media screen and (max-width:768px){
    .top {height:32px; line-height: 32px;}
}
header{width:100%;position:relative}
header .top{width:1310px;height:120px;margin:0 auto;line-height:120px;background: #fff;}
header nav{width:100%;height:48px;line-height:48px;background:#238ad4;box-sizing:border-box;position:relative}
.top .logo{float:left}
.top .logo img{vertical-align:middle;display:inline-block;}
.top #search{float:right;overflow:hidden;height:40px;line-height:40px;margin:40px 0;background:#238ad4;margin-right:60px}
.top #search input{width:325px;height:40px;border:none;background:#eee;box-sizing:border-box;padding:0 10px;float:left}
.top #search i{display:inline-block;width:40px;height:40px;color:#fff;text-align:center;cursor:pointer;transition:all .5s}
.top #search i:hover{transform:scale(1.5);transition:all .5s}
.top .phone{float:right;height:16px;line-height:16px;margin:52px auto;margin-right: 10%;}
.top .phone i{display:inline-block;color:#000;padding-right:6px;border-right:1px solid #a4a4a4;margin-right:8px;font-size: 30px; float:left;}
.top .phone span{font-size:28px;color:#000; font-weight: bold;text-align: left;float: right;
    margin-top: -20px;line-height: 30px;}
.top .phone span p{display:inline}
nav>ul{width:1310px;margin:0 auto;height:48px;box-sizing:border-box;padding:0 12px}
nav ul li{float:left}
nav ul li a{display:block;padding:0 60px;font-size:16px;color:#fff}
nav ul li.active a,nav ul li:hover a{height:46px;line-height:46px;background:#fff;color:#238ad4;border-top:2px solid #238ad4}
nav ul li ul{ display:none; position: absolute;z-index: 999;width: 400px;background: #238ad4; height:auto;}
nav ul li ul li a{ background:none!important; color:#fff!important;}
nav ul li ul li ul{ width:250px;}
nav ul li ul li ul li{ width:100%; text-align:left;}
nav ul li ul li ul li a{padding:0 10px;}
nav .nav{width:30px;height:20px;display:none;top:0;right:15px;cursor:pointer;padding:14px 15px;position:absolute}
nav .nav span{width:30px;height:3px;background:#fff;display:block;border-radius:2px;transition:all 1s;position:absolute;top:14px}
nav .nav span:nth-child(2){top:22px}
nav .nav span:nth-child(3){top:30px}
nav .nav span.active:nth-child(1){transform:rotate(45deg);transition:all 1s;top:22px}
nav .nav span.active:nth-child(3){transform:rotate(-45deg);transition:all 1s;top:22px}
@media screen and (max-width:1310px){header .top{width:100%;box-sizing:border-box;padding:0 12px}
nav ul{width:100%}
}
@media screen and (max-width:1024px){header .top{height:90px;line-height:90px}
.top .logo{margin-left:20px}
.top #search{margin:25px 0;margin-right:40px}
.top #search input{display:none}
.top .phone{display:none}
nav .nav{display:block}
nav ul{display:none;position:absolute;left:0;top:48px;width:100%;height:auto;overflow:hidden;background:#fff;z-index:99;box-sizing:border-box;padding:15px;padding-bottom:0;box-shadow:0 0 10px #91969a45}
nav ul li{width:30%;margin-right:15px;margin-bottom:15px}
header .header ul li.active{border-color:#2f9747}
header .nav{display:block}
nav ul li a{padding:0 20px;color:#238ad4;text-align:center;border:1px solid #238ad4}
nav ul li.active a,nav ul li:hover a{color:#fff;height:48px;line-height:48px;transition:all .5s;background:#238ad4;border:1px solid #238ad4}
}
@media screen and (max-width:768px){header .top{height:60px;line-height:60px}
.top .logo{margin:0}
.top .logo img{height:34px}
.top #search{margin:13px 0;height:34px;line-height:34px;background:#fff;border:1px solid #238ad4;border-radius:50%}
.top #search i{width:34px;height:34px;color:#238ad4}
nav ul{float:none;position:fixed;left:-251px;top:0;bottom:0;width:250px;height:100%;background:#333;z-index:9999;transition:all .5s}
nav ul.active{left:0;transition:all .5s;padding:0}
nav ul li{width:100%;height:auto;text-align:center;margin:0}
nav ul li a{width:100%;text-align:center;border:none;border-bottom:1px solid #7b7b7b;margin:0;height:44px;line-height:44px;padding:0;color:#fff;font-size:14px}
}
footer{width:100%;height:auto;overflow:hidden}
footer #footer .footer{width:1310px;height:auto;overflow:hidden;margin:0 auto;box-sizing:border-box;display:flex;justify-content:space-around;padding:0 12px 75px 12px}
.footer dl dt{font-size:16px;line-height:2;padding:8px 0}
.footer dl dd a{display:block;font-size:14px;line-height:24px;color:#666}
.footer dl dd a:hover{color:#238ad4}
.footer dl dt.phone{font-size:24px;color:#238ad4;text-align:center;line-height:30px;padding:20px 0 0 0}
.footer dl dd.address{font-size:14px;line-height:30px}
footer .footerBottom{padding:30px 0 40px 0;text-align:center;border-top:1px solid #dcdcdc}
.footerBottom p{font-size:14px;line-height:30px;color:#666}
@media screen and (max-width:1310px){footer #footer .footer{width:100%}
}
@media screen and (max-width:950px){footer #footer{display:none}
}
@media screen and (max-width:768px){footer .footerBottom{padding:20px 12px}
.footerBottom p{font-size:12px;line-height:2}
}
#banner{width:100%;height:auto;overflow:hidden}
#banner img{width:100%;height:auto}
#banner .swiper-slide img{width:100%;height:auto}
#banner .swiper-button-next,#banner .swiper-button-prev{display:none}
#banner:hover .swiper-button-next,#banner:hover .swiper-button-prev{display:block}
#product{width:100%;height:auto;overflow:hidden}
#product .product{width:1310px;box-sizing:border-box;padding:0 12px;margin:0 auto;padding-top:70px;padding-bottom:40px;text-align:center}
.product h3{font-size:30px;font-weight:400;line-height:1.5}
.product p.intro{color:#666;font-size:16px}
.swiper-container.productList{width:100%;height:auto;overflow:hidden;position:relative;padding-top:45px;box-sizing:border-box;padding:45px 8px 0}
.productList li{border-bottom:1px solid #333}
.productList li:hover{box-shadow:0 0 8px #ccc;border-bottom:3px solid #238ad4}
.productList li .img{width:304px;height:304px;border:1px solid #eee;overflow:hidden;margin:0 auto}
.productList li:hover .img img{transform:scale(1.5);transition:all .5s}
.productList li img{width:100%;height:auto;transition:all .5s}
.productList ul li p.title{line-height:48px;height:48px;overflow:hidden;box-sizing:border-box;padding:0 10px}
.productList .seting{margin:40px 0;height:40px;line-height:38px;display:flex;justify-content:center;position:relative}
.productList .seting #more{border:1px solid #e5e5e5;line-height:38px;display:block;width:126px;margin:0}
.productList .seting .swiper-button-prev{border:1px solid #e5e5e5;left:50%;margin-left:-145px;width:58px;height:38px;line-height:38px;background-size:22%}
.productList .seting .swiper-button-next{border:1px solid #e5e5e5;right:50%;margin-right:-145px;width:58px;height:38px;line-height:38px;background-size:22%}
.productList .seting #more:hover{color:#2b90ff}
.productList .seting .swiper-button-prev:hover{border-color:#2b90ff;transition:all .5s}
.productList .seting .swiper-button-next:hover{border-color:#2b90ff;transition:all .5s}
@media screen and (max-width:1310px){.productList li .img{width:198px;height:198px}
.swiper-container.productList{width:860px}
#product .product{width:100%;padding-top:40px}
}
@media screen and (max-width:920px){.productList li .img{width:100%;height:auto;overflow:hidden;border:none}
.swiper-container.productList{width:100%}
}
@media screen and (max-width:768px){.productList li:hover .img img{transform:scale(1.2)}
.productList li{border-bottom:2px solid #fff;box-shadow:0 0 10px #ccc;overflow:hidden}
.productList ul li p.title{font-size:14px;line-height:2.5;border-top:1px solid #e5e5e5;height:36px}
.swiper-container.productList{padding-top:20px}
.product h3{font-size:24px}
.productList .seting{margin:0;margin-top:20px}
}
#about{width:100%;height:auto;overflow:hidden;overflow:hidden;background-position:center;background-size:100% atuo}
#about .about{width:1310px;box-sizing:border-box;padding:0 12px;margin:0 auto;padding-top:52px;padding-bottom:65px}
#about h3{color:#fff;font-size:24px;line-height:1.5;font-weight:400;position:relative;padding-bottom:5px}
#about h3::after{content:"";width:42px;height:2px;background:#fff;position:absolute;left:0;bottom:0}
#about .aboutContent{display:flex;justify-content:space-between;align-items:flex-start;box-sizing:border-box;padding:32px;background:#fff;margin-top:20px}
.aboutContent img{width:28%;height:auto;margin-right:4%}
.aboutContent .msg p{line-height:24px;font-size:14px}
.aboutContent .msg #more{display:block;width:126px;line-height:38px;height:38px;border:1px solid #238ad4;text-align:center;font-size:14px;color:#238ad4;margin:0;margin-top:60px}
.aboutContent .msg a i{color:#238ad4}
@media screen and (max-width:1310px){#about .about{width:100%}
}
@media screen and (max-width:768px){#about h3{text-align:center}
#about h3::after{left:50%;margin-left:-21px}
#about .aboutContent{flex-wrap:wrap;justify-content:center;padding:20px 10px}
#about .aboutContent article{font-size:14px;line-height:1.8}
.aboutContent img{margin:0 auto;width:90%;margin-bottom:20px}
.aboutContent .msg a{margin:0 auto;margin-top:20px}
.aboutContent .msg #more{margin:20px auto 0}
}
#case{width:100%;height:auto;overflow:hidden}
#case .case{width:1310px;margin:0 auto;box-sizing:border-box;padding:0 12px;position:relative;padding-top:80px;padding-bottom:40px;overflow:hidden; }
#case .case .head{position:relative;overflow:hidden;padding-bottom:40px}
.case h3{font-size:24px;font-weight:400;line-height:1.5;position:relative;padding-bottom:5px}
.case h3::after{width:42px;height:3px;background:#279add;position:absolute;content:'';left:0;bottom:0}
.case .Casecats{position:absolute;right:0;top:15px}
.Casecats li{float:left;padding-right:25px;font-size:14px}
.Casecats li a:hover,.Casecats li.active a{color:#279adb}
.Casecats li a{overflow:hidden;display:block}
#casesList{position: relative;overflow: hidden;}
.case .caseList{width:50%;text-align:center;border-top:1px solid #eee;overflow:hidden; float:left;}
.case .caseList li{width:50%;float:left;box-sizing:border-box}
.case .caseList li:nth-child(1),.case .caseList li:nth-child(5){border-left:1px solid #eee}
.case .caseList li a{display:block;border-bottom:1px solid #eee;border-right:1px solid #eee;box-sizing:border-box;padding-top:20px}
.case .caseList li a:hover{box-shadow:0 0 20px inset #238ad4b0}
.case .caseList .img{width:280px;height:280px;overflow:hidden;margin:0 auto}
.case .caseList li a:hover img{transform:scale(1.2);transition:all .5s}
.case .caseList .img img{width:100%;height:auto;transition:all .5s}
.case .caseList p{font-size:16px;line-height:60px;height:60px;overflow:hidden;box-sizing:border-box;padding:0 10px}
#more{display:block;border:1px solid #238ad4;width:128px;line-height:38px;height:38px;text-align:center;margin:40px auto;color:#238ad4}
@media screen and (max-width:1310px){#case .case{width:100%;padding-top:40px;padding-bottom:20px}
.case .caseList .img{width:90%;height:auto}
}
@media screen and (max-width:768px){.case .caseList li{width:50%}
.case .caseList li:nth-child(2n+1){border-left:1px solid #eee}
.case h3{text-align:center}
#case .case{padding-bottom:1px}
.case h3::after{left:50%;margin-left:-21px}
.case .Casecats{position:relative;display:flex;flex-wrap:wrap;justify-content:center}
.Casecats li{padding:0}
.Casecats li a{line-height:2;border:1px solid #eee;display:block;margin:0 10px;padding:0 10px;margin-bottom:10px}
#case .case .head{padding-bottom:20px}
.case .caseList p{font-size:14px;line-height:2.5;height:35px}
}
#news{background:#fafafa}
#news .news{width:1310px;margin:0 auto;box-sizing:border-box;padding:40px 12px}
.news .head{position:relative;overflow:hidden;padding-bottom:40px}
.news h3{font-size:24px;font-weight:400;line-height:1.5;position:relative;padding-bottom:5px}
.news h3::after{width:42px;height:3px;background:#279add;position:absolute;content:'';left:0;bottom:0}
.news .Newscats{position:absolute;right:0;top:15px}
.Newscats li{float:left;padding-right:25px;font-size:14px}
.Newscats li a:hover,.Newscats li.active a{color:#238ad4}
.news .newsContent{display:flex;justify-content:space-between;align-items:flex-start}
.newsContent .newsLeft{display:block;width:39%}
.newsContent .newsRight{width:52%}
.newsLeft .img{width:100%;max-height:345px;overflow:hidden}
.newsLeft .img img{width:100%;height:auto}
.newsLeft dl{background:#238ad4;box-sizing:border-box;padding:0 26px 30px 26px}
.newsLeft dl dt{position:relative}
.newsLeft dl dt h4{font-size:16px;color:#fff;line-height:50px;padding-top:8px;border-bottom:1px solid #fff}
.newsLeft dl dt span{position:absolute;font-size:16px;color:#fff;line-height:50px;top:8px;right:0}
.newsLeft dl dd{font-size:14px;color:#fff;line-height:26px;padding-top:10px;max-height:78px;overflow:hidden}
.newsRight .newsList{overflow:hidden}
.newsList li{line-height:56px;border-bottom:1px solid #d2d2d2;height:56px;overflow:hidden;box-sizing:border-box;padding:0;transition:all .3s}
.newsList li:hover{padding:0 12px;transition:all .3s}
.newsList li a{display:block;position:relative}
.newsList li a p{font-size:14px;width:80%;height:56px;overflow:hidden}
.newsList li:hover a p{color:#238ad4}
.newsList li a span{position:absolute;top:0;right:0;font-size:12px;color:#888;padding-right:18px}
.newsList li:hover a span,.newsList li:hover a span i{color:#238ad4}
.newsList li a span i{position:absolute;top:0;right:0;font-size:14px}
#recommend{width:100%;display:block;overflow:hidden}
#recommend .content{border-bottom:1px solid #d2d2d2;position:relative;height:58px;line-height:58px}
#recommend .content h4{width:80%;line-height:58px;font-size:16px;font-weight:400}
#recommend .content span{position:absolute;top:0;right:0}
#recommend .moreMsg{font-size:14px;color:#666;padding:20px 0;line-height:26px}
#recommend .content span i{position:absolute;top:0;right:0;font-size:14px;display:none}
@media screen and (max-width:1310px){#news .news{width:100%}
.news .newsContent{justify-content:space-around;flex-wrap:wrap}
}
@media screen and (max-width:768px){.news .head{text-align:center}
#news .news{padding-bottom:1px}
.news h3::after{left:50%;margin-left:-21px}
.news .Newscats{position:relative;display:flex;justify-content:center}
.Newscats li{padding:0}
.Newscats li a{display:block;line-height:2;padding:0 10px;border:1px solid #ccc;margin:0 10px}
.newsContent .newsLeft{width:100%}
.newsContent .newsRight{width:100%;background:#fff;box-shadow:0 0 10px #ccc;box-sizing:border-box;padding:0 10px 20px 10px}
.newsList li a p{width:60%;height:48px}
.newsList li{height:48px;line-height:48px}
.newsLeft dl dt h4{border-bottom:none;line-height:2;height:38px;overflow:hidden}
.newsLeft dl dt span{display:none}
.newsLeft dl{padding:0 10px}
#recommend .content h4{height:48px;line-height:48px;overflow:hidden;font-size:14px;width:60%}
#recommend .content{height:48px;overflow:hidden}
#recommend .moreMsg{display:none}
#recommend .content span{font-size:12px;line-height:48px;padding-right:18px;color:#888}
#recommend .content span i{display:block}
}
#link{width:100%;height:auto}
#link .link{width:1310px;height:auto;margin:0 auto;text-align:center;box-sizing:border-box;padding:65px 12px 70px 12px}
.link h3{font-size:30px;font-weight:400;line-height:1.5}
.link p.intro{font-size:16px;color:#999}
.link ul{padding:40px 0;display:flex;flex-wrap:wrap;justify-content:flex-start;}
.link ul li{width:176px;height:55px;line-height:55px;padding:10px;border:1px solid #d2d2d2;overflow:hidden;margin:0 8px;margin-bottom:18px;text-align:center;line-height:55px}
/* .link ul li img{} */
@media screen and (max-width:1310px){
    #link .link{width:100%;padding:40px 12px 20px 12px;}
    .newsLeft dl dt span{ display: none;}
}
@media screen and (max-width:768px){
    .link ul{ justify-content: flex-start;}
    .link ul li{width:48%;height:55px;margin:0 2px;margin-bottom:10px; padding: 0; overflow: hidden; display: flex; align-items: center; justify-content: center; }
     /* .link ul li a img{ height: auto; width: 94%;} */
.link ul{padding-top:20px}
.link h3{font-size:24px}
}
#single{width:100%;height:auto}
#single .single{width:1310px;height:auto;position:relative;box-sizing:border-box;padding:0 12px;margin:0 auto}
ul.cats{width:auto;position:absolute;height:38px;top:10px;right:20px;line-height:38px}
ul.cats li{float:left;margin:0 12px}
ul.cats li a{display:block;line-height:38px;padding:0 10px;font-size:14px}
ul.cats li.active a,ul.cats li:hover a{color:#fff;background:#238ad4}
.single .content{padding:30px 0 80px 0}
@media screen and (max-width:1310px){#single .single{width:100%}
}
@media screen and (max-width:768px){
    ul.cats{position:inherit; height: auto;   display:flex;justify-content:flex-start;padding-top:10px;width:100%;top:0;right:0; flex-wrap: wrap;}
ul.cats li{border:1px solid #ccc; margin-bottom: 10px;}
ul.cats li.active{border:none}
.single .content{width:96%;margin:0 auto; padding: 0 0 50px 0;}
}
#contact{width:100%;height:auto}
#contact .contact{width:1310px;height:auto;position:relative;box-sizing:border-box;padding:0 12px;margin:0 auto}
.contact .content{padding:70px 0 200px 0}
.contact .content .left{width:50%}
.contact .content .right{width:50%}
.contact .content .right{box-sizing:border-box;padding-left:50px}
.contact .content .right dl dt{font-size:16px;color:#238ad4;line-height:48px;font-weight:700}
.contact .content .right dl dd{font-size:14px;line-height:48px;color:#666}
#download,#sectOne{width:100%;height:auto}
#download .download,#sectOne .sectOne{width:1310px;height:auto;position:relative;box-sizing:border-box;padding:0 12px;margin:0 auto}
.download .content,.sectOne .content{display:flex;justify-content:space-between;align-items:flex-start;padding:30px 0 65px 0}
.download .content .left,.sectOne .content .left{width:925px;margin-right:58px}
.download .content .right,.sectOne .content .right{width:300px;border:1px solid #eee;box-sizing:border-box;padding:0 20px}
.download .content .right h3,.sectOne .content .right h3{font-size:18px;line-height:48px;padding-top:10px;border-bottom:1px solid #eee;font-weight:400}
.download .content .right ul,.sectOne .content .right ul{padding-bottom:65px}
.download .content .right ul li,.sectOne .content .right ul li{height:48px;line-height:48px;border-bottom:1px solid #eee;overflow:hidden}
.download .content .right ul li a,.sectOne .content .right ul li a{display:block;font-size:14px;color:#666}
.download .content .right ul li:hover a,.sectOne .content .right ul li:hover a{color:#238ad4}
.download .left ul li,.sectOne .left ul li{border-bottom:1px solid #eee;padding:30px 0;position:relative;min-height:130px;overflow:hidden;transition:all .4s ease;background:#fff}
.download .left ul li dl,.sectOne .left ul li dl{width:100%;height:auto;box-sizing:border-box;padding-left:200px}
.download .left ul li dl dt,.sectOne .left ul li dl dt{font-size:22px;padding-bottom:15px;height:22px;line-height:1;overflow:hidden}
.download .left ul li dl dd,.sectOne .left ul li dl dd{min-height:24px;max-height:48px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;line-height:24px;font-size:14px;color:#666}
.download .left ul li dl .setting,.sectOne .left ul li dl .setting{padding-top:8px;font-size:15px;line-height:24px}
.download .left ul li dl .setting .create_time,.sectOne .left ul li dl .setting .create_time{padding-right:38px}
.download .left ul li .img,.sectOne .left ul li .img{position:absolute;width:180px;height:130px;overflow:hidden}
.download .left ul li .img img,.sectOne .left ul li .img img{width:100%;height:auto;transform:scale(1.1);transition:all .5s ease}
.download .left ul li .noImage img,.sectOne .left ul li .noImage img{transform:scale(1)}
.download .left ul li .img:hover img,.sectOne .left ul li .img:hover img{transition:all .5s ease;transform:scale(1);opacity:.5}
.sectOne .left ul li dl .setting i{padding-right:5px}
.download .left ul li:hover,.sectOne .left ul li:hover{box-shadow:0 0 5px inset #ccc;padding-left:10px;transition:all .4s ease}
@media screen and (max-width:1310px){#download .download,#sectOne .sectOne{width:100%}
}
@media screen and (max-width:992px){
    #download .download,#sectOne .sectOne{padding:0}
.download .content,.sectOne .content{flex-wrap:wrap}
.download .content .left,.sectOne .content .left{width:100%;margin:0;padding-bottom:40px;box-sizing:border-box;padding:0 12px 30px 12px;border-bottom:15px solid #ccc;margin-bottom:30px}
.download .content .right,.sectOne .content .right{width:94%;box-shadow:0 0 10px #ccc;border-radius:8px;box-sizing:border-box;padding:0 12px;margin:0 auto}
.download .content,.sectOne .content{padding-bottom:30px}

}
@media screen and (max-width:768px){.download .left ul li,.sectOne .left ul li{padding:15px 0;min-height:65px}
.download .left ul li .img,.sectOne .left ul li .img{height:65px;width:90px}
.download .left ul li dl,.sectOne .left ul li dl{padding-left:100px}
.download .left ul li dl dt,.sectOne .left ul li dl dt{font-size:16px;height:16px;margin-bottom:8px;overflow:hidden;padding:0}
.download .left ul li dl dd,.sectOne .left ul li dl dd{font-size:12px;line-height:18px;min-height:18px;max-height:18px;overflow:hidden; text-overflow: ellipsis; white-space: nowrap;}
.download .left ul li dl .setting,.sectOne .left ul li dl .setting{padding-top:5px;font-size:12px;min-height:14px;max-height:14px;line-height:14px}
.download .left ul li dl .setting .create_time,.sectOne .left ul li dl .setting .create_time{padding-right:18px}
}
#feedback{width:100%;height:auto}
#feedback .feedback{width:1310px;margin:0 auto;box-sizing:border-box;padding:0 12px;position:relative}
.feedback form{padding:70px 0 150px 0;width:600px;height:auto;margin:0 auto}
.feedback form label{display:block;width:100%;height:auto;padding-bottom:8px}
.feedback form label input{width:100%;height:38px;line-height:38px;display:block;box-sizing:border-box;padding:0 10px;font-size:14px;border:1px solid #e5e5e5;outline-color:#238ad4;outline:0}
.feedback form label p{color:red;font-size:12px;box-sizing:border-box;padding:0 10px;line-height:1.5;height:18px}
.feedback form label input:focus{border-color:#238ad457;box-shadow:0 0 5px #238ad457}
.feedback form label textarea{width:100%;height:auto;box-sizing:border-box;padding:10px;line-height:1.5;font-size:14px;border:1px solid #e5e5e5;outline:0}
.feedback form label textarea:focus{border-color:#238ad457;box-shadow:0 0 5px #238ad457}
.feedback form label #submit{background:#626262;color:#fff;display:block;text-align:center;line-height:2.4}
.feedback form label #submit:hover{background:#238ad4}
@media screen and (max-width:1310px){#feedback .feedback{width:100%}
.feedback form{width:70%}
}
@media screen and (max-width:768px){.feedback form{width:90%}
}
#location{width:72%;font-size:14px;padding:10px 0;position:relative;line-height:2;overflow:hidden}
#location span{padding-right:10px;float:left;display:block;font-size:14px;height:28px;line-height:32px}
#location .location a:hover{color:#238ad4}
#location .location i{padding:0 5px;color:#888}
@media screen and (max-width:768px){#location{padding:0;border-bottom:1px solid #eee;box-sizing:border-box;padding:0 12px;width:100%}
#location span{padding-right:10px}
}
#content{width:100%;height:auto;position:relative}

#product{width:1340px;height:auto;overflow:hidden;margin:0 auto;margin-bottom:75px;box-sizing:border-box;padding:0 15px;display:flex;align-items:flex-start}
#product .left{width:322px;margin-right:30px}
.left>h3{font-size:18px;line-height:2;font-weight:400;padding-top:30px;margin-bottom:10px;border-bottom:1px solid #e5e5e5;position:relative}
.left h3::after{position:absolute;left:0;bottom:-2px;content:'';width:70px;height:2px;background:#238ad4}
.left p{font-size:14px;line-height:40px}
.left ul li{width:100%;line-height:40px;background:#238ad4;margin-bottom:1px;text-indent:20px}
.left ul li ul li{text-indent: 50px;}
.left ul li ul li ul li{text-indent: 80px;}
.left ul li ul li ul{display:none;}
.left ul li a.active{color:#fff;background:#238ad4;}
.left ul li a:hover{color:#fff;background:#238ad4;}
.left ul li a{display:block; color:#fff; border-bottom: 1px solid #fff; font-size:18px;}
.left ul li ul li a{ font-size:14px;}
.left dl{font-size:14px;}
.left dl dd{display:flex; line-height:22px; padding: 8px 0;}
.left dl dd span:first-child{padding-right:10px;white-space: nowrap;}
.right{width:100%;padding-top:28px;flex:1}
.location{line-height:40px;border-bottom:1px solid #e5e5e5;width:100%}
.location a{display: inline; font-size:14px;color:#888}
.location a:hover{font-size:14px;color:#47ccad}
.right .content{padding-top:14px}
@media screen and (max-width:1366px){
    
    #about,#feedback,#job,#news,#product{width:100%}
    #about, #feedback, #job, #news, #product{ width: 100%;}
}
@media screen and (max-width:1024px){#about,#feedback,#job,#news,#product{flex-wrap:wrap;flex-direction:column-reverse}
#about .left,#feedback .left,#job .left,#news .left,#product .left{width:100%;margin:0;padding:0 10px;box-sizing:border-box;}
.right{padding-top:0;box-sizing:border-box;padding:0 10px;border-bottom:20px;}
}
@media screen and (max-width:750px){#about,#feedback,#job,#news,#product{padding:0}
.location{line-height:22px; padding: 10px 0;}
.left dl{padding-bottom:20px}
}
.List{overflow:hidden}
.List li{width:224px;height:auto;overflow:hidden;border:1px solid #e5e5e5;margin:18px 12px 0 0;float:left;transition:all .5s}
.List li:hover{border-color:#47ccad;transition:all .5s;transform:translateY(-10px);box-shadow:0 3px 15px #32a04b3d}
.List li a{display:block}
.List li .img{width:100%;height:224px;text-align:center;overflow:hidden; position: relative;}
.video li .img {height:136px;}
.List li .img img{margin:0 auto; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
.List li .title{text-align:center;color:#333;font-size:16px;line-height:48px;height:48px;padding:0 10px;}
@media screen and (max-width:1024px){.List{display:flex;flex-wrap:wrap;justify-content:center}
}
@media screen and (max-width:750px){.List{justify-content:space-between}
.List li{width:48%;margin:0;margin-bottom:12px}
.List li .img{width:100%; height:0; padding-bottom: 100%;}
.List li .title{font-size:14px;height:auto;line-height:3}
.List li:hover{transform:none}
}

#sectTwo{width:100%;height:auto}
#sectTwo .sectTwo{width:1310px;height:auto;box-sizing:border-box;padding:0 12px;margin:0 auto;position:relative}
#proCats{margin-top:18px;margin-bottom:20px}
#proCats .pro_cats_one{overflow:hidden;border:1px solid #e5e5e5;background:#eee;width: 198px; margin:0 auto;}
.pro_cats_one li{float:left}
.pro_cats_one li a{padding:0 25px;line-height:38px;height:38px;display:block;font-size:14px}
.pro_cats_one li.active a,.pro_cats_one li:hover a{background:#238ad4;color:#fff}
#proCats .pro_cats_two{display:none;overflow:hidden;border:1px solid #e5e5e5;border-top:none;padding:5px 0}
#proCats .pro_cats_two.active{display:block}
.pro_cats_two li{float:left}
.pro_cats_two li a{font-size:12px;display:block;height:30px;line-height:30px;padding:0 12px}
.pro_cats_two li.active a,.pro_cats_two li:hover a{color:#238ad4}
.proList{padding-bottom:65px}
.proList ul{padding-top:10px;overflow:hidden}
.proList ul li{margin-top:30px;box-sizing:border-box;padding-right:15px;width:25%;float:left;transform:translateY(0);transition:all .4s ease}
.proList a .img{width:306px;height:306px;overflow:hidden}
.videoList a .img{height:187px}
.proList a .img img{width:100%}
.proList a p{font-size:16px;overflow:hidden;text-align:center;line-height:55px;padding-bottom:2px;position:relative;border-bottom:1px solid #dcdcdc;height:55px}
.proList li:hover p{border-color:#fff}
.proList a p::after{position:absolute;width:0;height:2px;background:#238ad4;content:'';left:0;bottom:0;transition:width .6s;-moz-transition:width .6s;-webkit-transition:width .6s;-o-transition:width .6s}
.proList a:hover p::after{width:100%}
.proList ul li:hover a .img{box-shadow:0 10px 20px #ccc}
.proList ul li:hover{transform:translateY(-10px);transition:all .4s ease}
@media screen and (max-width:1310px){#sectTwo .sectTwo{width:100%}
.proList ul{display:flex;flex-wrap:wrap;justify-content:center}
.proList ul li{width:306px;box-sizing:content-box;padding:0 10px;margin-top:20px}
}
@media screen and (max-width:768px){.proList ul{justify-content:space-around;padding:0}
.proList ul li{width:48%;padding:0}
.proList a .img,.videoList a .img{width:100%;height:auto}
.proList a p{line-height:30px;height:30px}
#proCats{width:100%;height:auto;position:relative;margin-bottom:0}
#proCats .boxs{width:100%;height:40px;overflow-y:hidden;overflow-x:scroll}
#proCats .boxs::-webkit-scrollbar{display:none}
#proCats .pro_cats_one{border:none;border-bottom:1px solid #e5e5e5;background:#fff;width:800px;height:38px}
#proCats .pro_cats_two{display:none}
}
#sectThree{width:100%;height:auto}
#sectThree .sectThree{width:1310px;height:auto;overflow:hidden;margin:0 auto;box-sizing:border-box;padding:0 12px;position:relative}
.sectThree .content{padding-top:30px;padding-bottom:100px;display:flex;justify-content:space-between;align-items:flex-start}
.sectThree .content .left{width:925px}
.sectThree .content .right{width:300px;border:1px solid #eee;box-sizing:border-box;padding:0 20px}
.sectThree .left .title{position:relative;padding-left:195px;min-height:120px}
.sectThree .left .title .img{position:absolute;width:168px;height:120px;overflow:hidden;left:0}
.sectThree .left .title .img img{width:100%;height:auto}
.sectThree .left .title h4{font-size:30px;font-weight:400;padding-bottom:15px}
.sectThree .left .title .setting span{color:#b5b5b5;font-size:14px;line-height:24px}
.sectThree .left .title .setting span:first-child{padding-right:30px}
.sectThree .left .title .setting span i{color:#b5b5b5}
.sectThree .left .btn{padding:30px 0}
.sectThree .left .btn a{display:block;width:208px;height:42px;text-align:center;line-height:42px;color:#fff;background:#238ad4;border-radius:21px;margin:0 auto}
.sectThree .left article{padding-top:20px}
.sectThree .right h3{font-size:18px;line-height:48px;padding-top:10px;border-bottom:1px solid #eee;font-weight:400}
.sectThree .right ul{padding-bottom:65px}
.sectThree .right ul li{height:48px;line-height:48px;border-bottom:1px solid #eee;overflow:hidden}
.sectThree .right ul li a{display:block;font-size:14px;color:#666}
.sectThree .right ul li:hover a{color:#238ad4}
@media screen and (max-width:1310px){#sectThree .sectThree{width:100%}
.sectThree .content .left{width:72%}
.sectThree .content .right{width:23%}
}
@media screen and (max-width:992px){.sectThree .content{flex-wrap:wrap}
.sectThree .content .left{width:100%;padding-bottom:60px}
.sectThree .content .right{width:100%;box-shadow:0 0 10px #ccc}
}
@media screen and (max-width:768px){#sectThree .sectThree{padding:0}
.sectThree .content .left{padding:0 12px;padding-bottom:60px;border-bottom:20px solid #e5e5e5;margin-bottom:40px}
.sectThree .content .right{width:94%;margin:0 auto}
.sectThree .left .title{min-height:60px;padding-left:94px}
.sectThree .left .title .img{height:60px;width:84px}
.sectThree .left .title h4{font-size:16px;padding-bottom:12px;line-height:1.5}
}
#sectFour{width:100%;height:auto}
#sectFour .sectFour{width:1310px;height:auto;position:relative;box-sizing:border-box;padding:0 12px;margin:0 auto}
.sectFour .content{padding:30px 0;display:flex;justify-content:space-between;align-items:flex-start}
.sectFour .content .left{width:925px;padding-bottom:100px}
.jobs .content .left{box-sizing:border-box;padding:20px;border:1px solid #eee}
.sectFour .content .right{width:300px;border:1px solid #eee;box-sizing:border-box;padding:0 20px}
.sectFour .left .title{padding-bottom:24px;border-bottom:1px solid #eee}
.sectFour .left .title h4{font-size:30px;font-weight:400;padding-bottom:15px}
.sectFour .left .title .setting span{font-size:14px;line-height:24px;color:#b5b5b5}
.sectFour .left .title .setting span i{color:#b5b5b5;padding-right:10px}
.sectFour .left .title .setting span:first-child{padding-right:40px}
.sectFour .right h3{font-size:18px;line-height:48px;padding-top:10px;border-bottom:1px solid #eee;font-weight:400}
.sectFour .right ul{padding-bottom:65px}
.sectFour .right ul li{height:48px;line-height:48px;border-bottom:1px solid #eee;overflow:hidden}
.sectFour .right ul li a{display:block;font-size:14px;color:#666}
.sectFour .right ul li:hover a{color:#238ad4}


.Box{ display: none;}


@media screen and (max-width:1310px){#sectFour .sectFour{width:100%}
.sectFour .content .left{width:72%}
.sectFour .content .right{width:23%}
}
@media screen and (max-width:992px){.sectFour .content{flex-wrap:wrap}
.sectFour .content .left{width:100%}
.sectFour .content .right{width:100%;box-shadow:0 0 10px #ccc}


}
@media screen and (max-width:768px){#sectFour .sectFour{padding:0}
.sectFour .content .left{padding:0 12px;border:none;padding-bottom:60px;border-bottom:20px solid #e5e5e5;margin-bottom:40px}
.sectFour .content .right{width:96%;margin:0 auto;margin-bottom:40px}
.sectFour .left .title h4{font-size:18px;text-align:center}
.sectFour .left .title .setting{text-align:center}
.sectFour .left .title{padding-bottom:12px}
}
.pages{padding:40px 0;text-align:center;height:40px;line-height:40px;display:flex;justify-content:center}
.pages a{width:40px;height:40px;border:1px solid #ddd;display:inline-block;border-right:none;font-size:14px}
.pages a.first,.pages a.last,.pages a.prev{width:auto;padding:0 8px}
.pages a.next{width:auto;padding:0 8px;border-right:1px solid #e5e5e5}
.pages strong{width:40px;height:40px;border:1px solid #e5e5e5;font-weight:400;background:#238ad4;color:#fff;border-color:#238ad4}
.pages a:hover{color:#238ad4}
.pages em{display:none}
.pages kbd{margin-left:15px}
.pages kbd input{padding:0 10px;outline:0;border:1px solid #e5e5e5;line-height:40px;text-align:center;font-size:14px}
.pages kbd input:focus{border-color:#238ad4}
@media screen and (max-width:768px){.pages{position:relative}
.pages a{display:none}
.pages a.next,.pages a.prev{display:block;border:none;position:absolute}
.pages a.next{left:50%;margin-left:50px}
.pages a.prev{right:50%;margin-right:50px}
.pages strong{background:#fff;color:#333;border:none}
}
#Nofound{width:100%;padding:20px 0;height:auto;text-align:center;border:1px solid #ccc}
#Nofound h3{width:100%;height:100%;text-align:center;line-height:200px;font-size:16px;font-weight:400;border:1px solid #ccc}
#Nofound img{max-width:80%}
#Nofound p{text-align:center}
#sectFive{width:100%;height:auto}
#sectFive .sectFive{width:1310px;height:auto;margin:0 auto;box-sizing:border-box;padding:0 12px;padding-bottom:150px}
.sectFive .content{padding:55px 0 150px 0;display:flex;justify-content:space-around;align-items:flex-start}
.sectFive .content .left{width:50%}
.sectFive .content .right{width:50%}
.video .content .left{width:70%}
.video .content .right{width:30%}
.sectFive .content .left .img{width:80%;margin:0 auto}
.sectFive .content .left img{width:100%}
.video .content .left .img{width:95%;margin:0}
.video .content .left .img video{width:100%;height:auto}
.sectFive .content .right h3{padding-top:15px;line-height:2;font-size:24px;font-weight:400}
.sectFive .content .right p.intro{font-size:14px;line-height:24px;color:#666}
.sectFive .others{display:flex;justify-content:space-between;align-items:flex-start}
.sectFive .others .left{width:300px;height:auto;overflow:hidden;border:1px solid #e5e5e5;box-sizing:border-box;padding:0 30px;margin-right:30px}
.sectFive .others .right{width:952px;height:auto;overflow:hidden;border:1px solid #e5e5e5;box-sizing:border-box;padding:0 30px;flex:1}
.sectFive .others .left h3{font-size:16px;line-height:56px;border-bottom:1px solid #eee;font-weight:600;position:relative}
.sectFive .others .left ul{padding-top:10px}
.sectFive .others .left ul li .img{width:238px;height:238px;overflow:hidden}
.sectFive .others .left ul li .img img{width:100%;height:auto}
.video .others .left ul li .img{width:238px;height:auto}
.sectFive .others .left ul li p{text-align:center;font-size:16px;line-height:34px;height:34px;overflow:hidden}
.sectFive .others .left ul li{margin-bottom:20px}
.sectFive .others .left ul li:hover{box-shadow:0 0 10px #ccc}
.sectFive .others .left ul li:hover p{color:#238ad4}
.sectFive .others .right h4{line-height:40px;padding-top:20px;border-bottom:1px solid #e5e5e5;position:relative}
.sectFive .others .right h4::after{position:absolute;left:0;bottom:-1px;content:'';width:72px;height:3px;background:#238ad4}
.sectFive .others .right article{padding-top:20px;padding-bottom:20px}
@media screen and (max-width:1310px){#sectFive .sectFive{width:100%}
.sectFive .content .right h3{padding:0;line-height:1.5}
}
@media screen and (max-width:992px){.sectFive .content{padding:30px 0 60px 0}
.sectFive .others{flex-direction:column-reverse}
.sectFive .others .left{width:100%;border:none}
.sectFive .others .right{width:100%;margin-bottom:30px;border:none}
.sectFive .others .left ul{overflow:hidden;padding-top:30px;box-sizing:border-box;padding:20px 0;display:flex;flex-wrap:wrap;justify-content:space-around}
.sectFive .others .left ul li{width:200px;height:auto;overflow:hidden;float:left;padding-bottom:10px;border:1px solid #dcdcdc;margin:0 5px;margin-bottom:15px}
.sectFive .others .left ul li .img{width:180px;height:180px;margin:0 auto}
.sectFive .others .left ul li .img{width:100%;height:auto}
}
@media screen and (max-width:768px){.sectFive .content{flex-wrap:wrap}
.sectFive .content .left{width:100%}
.sectFive .content .right{width:100%;padding-top:20px}
.sectFive .content .right h3{font-size:18px}
.sectFive .others .right{padding:0}
.sectFive .others .left{padding:0;margin:0 auto}
.sectFive .others .right h4{padding-top:0}
.sectFive .others .left h3{line-height:40px;position:relative}
.sectFive .others .left h3::after{position:absolute;left:0;bottom:-1px;content:'';width:72px;height:3px;background:#238ad4}
.sectFive .others .left ul li{width:48%;margin:0;padding:0;margin-bottom:15px}
.sectFive .others .left ul{justify-content:space-between}
.sectFive .others .left ul li p{border-top:1px solid #dcdcdc;font-size:14px;box-sizing:border-box;padding:0 10px}
}
#searchs{width:100%;height:auto}
#searchs .searchs{width:1310px;height:auto;overflow:hidden;box-sizing:border-box;padding:55px 12px;margin:0 auto}
#searchs .searchs .box{margin:20px 0;height:42px;position:relative}
#searchs .searchs .box input{height:40px;width:100%;background:#fafafa;border:1px solid #dcdcdc;border-radius:20px;box-sizing:border-box;padding:0 50px 0 20px}
#searchs .searchs .box input:focus{outline:0;border-color:#238ad4;background:#fff}
#searchs .searchs .box i:hover{cursor:pointer;color:#238ad4}
#searchs .searchs .box i{position:absolute;top:0;right:10px;display:block;width:40px;height:40px;line-height:40px;text-align:center}
#searchs .searchs ul{box-sizing:border-box;padding:0 25px}
#searchs .searchs ul li{border-bottom:1px solid #eee;padding:25px 0}
#searchs .searchs ul li h4{font-size:22px;line-height:30px;font-weight:400;padding-bottom:10px}
#searchs .searchs ul li a:hover h4,#searchs .searchs ul li a:hover p.intro{color:#238ad4}
#searchs .searchs ul li p.intro{font-size:14px;line-height:24px;color:#666}
#searchs .searchs ul li a.link{font-size:14px;line-height:24px;color:#238ad4}
@media screen and (max-width:1310px){#searchs .searchs{width:100%}
}
@media screen and (max-width:768px){#searchs .searchs ul{padding:0 10px}
#searchs .searchs .box{margin:10px 0}
#searchs .searchs ul li{padding:10px 0}
#searchs .searchs ul li h4{font-size:18px;line-height:1.5;padding-bottom:5px}
#searchs .searchs ul li p.intro{font-size:12px;line-height:22px;height:44px;overflow:hidden;padding-bottom:5px}
}
#mapNav{width:100%;background:#555}
#mapNav ul{width:1310px;padding:20px 12px;display:flex;margin:0 auto;flex-wrap:wrap}
#mapNav ul li a{font-size:16px;color:#fff;line-height:1;height:16px;border-right:2px solid #676262;display:block;padding:0 15px}
#mapNav ul li a:hover{text-decoration:underline}
#mapNav ul li:last-child a{border-right:none}
@media screen and (max-width:768px){#mapNav ul{width:96%;flex-wrap:wrap;padding:20px 0}
#mapNav ul li a{padding:5px 10px;margin:5px 0;font-size:14px;border-right:none}
#mapNav ul li{width:25%;text-align:center}
}
#sitemap{width:100%}
#sitemap .sitemap{width:1200px;margin:0 auto;overflow:hidden;padding:20px 0}
.sitemap .map{width:100%;height:auto;margin-bottom:40px}
.map h3{font-size:18px;line-height:60px;border-bottom:1px solid #eee}
.map .cat_One{padding-top:30px;line-height:32px;overflow:hidden}
.map .cat_One>li{width:auto;float:left; padding: 0 10px; margin-bottom:40px}
.map .cat_One>li>a{font-size:14px;font-weight:700}
.map .cat_Two>li>a{font-size:14px;color:#555}
.map .cat_Three>li>a{font-size:14px;color:#bbb}
.map .cat_One li a:hover{color:#e51c60;text-decoration:underline}
@media screen and (max-width:1310px){#sitemap .sitemap{width:96%;margin:0 auto}

#contact .contact{ width: 100%;}
}
@media screen and (max-width:768px){.map h3{line-height:2}
.sitemap .map{margin-bottom:20px}
}


/* 手机端底部的  一键拨号  QQ号码 留言反馈*/
.mobileFooter{ display:none;}
@media screen and (max-width:768px){
    body{padding-bottom: 81px;}
    .mobileFooter{width: 100%;  display:block; display: flex; display: -webkit-flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;  position: fixed;  left: 0; bottom: 0; z-index: 100; background-color: rgba(60, 55, 55, 0.9); }
    .mobileFooter div {text-align: center; width: 33%;  padding: 18px 0 8px 0; height: 100%;  }
    .mobileFooter div i{  font-size: 25px; color: #0c969e;  padding: 8px; background-color: #fff;  border-radius: 50%; -webkit-border-radius:50%; -o-border-radius:50%; }
    .mobileFooter div h6{ font-size: 14px; color: #fff; line-height: 1.3;  margin-top: 10px;}
}